<template>
    <div>
        <navigationBar :bgType="3" :backType="2" navigationTitle="提现" />
        <view class="content">
            <view class="card">
                <view class="title">
                    提现金额
                    <text class="tips"> (每笔提现最低10元) </text>
                </view>
                <view class="input line_bottom">
                    <text class="icon">￥</text>
                    <input
                        type="number"
                        v-model="money"
                        placeholder="请输入提现金额"
                    />
                    <text class="tip">手续费5%</text>
                </view>
                <view class="sub">
                    <text> 当前可提现金额：￥{{ datas.balance }} </text>
                    <text>
                        实际到账金额： <text>￥{{ money * 0.95 }} </text>
                    </text>
                </view>
            </view>
        </view>
        <view class="btns">
            <view class="btn" @click="submit"> 提交申请 </view>
        </view>
    </div>
</template>
<script>
export default {
    data() {
        return {
            datas: {
                balance: 456.33,
            },

            money: null,
        };
    },

    mounted() {},

    methods: {},
};
</script>
<style lang="scss" scoped>
.btns {
    background: white;
    width: 100vw;
    height: 130rpx;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    box-shadow: 0 0 20rpx 0 rgba(0, 0, 0, 0.1);

    .btn {
        position: absolute;
        height: 80rpx;
        line-height: 80rpx;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%;
        background: linear-gradient(90deg, #5d64ca 0%, #6f9bdf 100%);
        border-radius: 40rpx;
        color: white;
        text-align: center;
        font-size: 30rpx;
    }
}
</style>